﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- ////////////////////////////////////////////////////////////////////
//        *********请尊重我的劳动成果,添加我的著作权*******                                                
//               CreatData: 2017-5-11                            
//               Java Web /:期末作业                            
//               Project: 宿舍管理系统                          
//               软件学院：  学号 ：16171201041                 
//               版权所有：http://allday.gq                     
//               官方邮箱：562015969@qq.com                    
///////////////////////////////////////////////////////////////////// -->










<html>
  
  <head>
    <meta charset="UTF-8">
    <title>音乐</title>
	    <link rel="stylesheet" href="plugins/layui/css/layui.css" media="all" />
  </head>
  
  <body>
<CENTER>
    <button onclick="playVid()" type="button" class="layui-btn layui-btn-normal">
        <i class="layui-icon" style="font-size: 30px; color: #FFFFFF;">
            &#xe652;
        </i>
        播放音乐
    </button>
    <button onclick="pauseVid()" type="button" class="layui-btn layui-btn-normal">
        <i class="layui-icon" style="font-size: 30px; color: #FFFFFF;">
            &#xe651;
        </i>
        暂停音乐
    </button>
</CENTER>
    <audio controls autoplay id="mp3">
      <source src="http://other.web.rh01.sycdn.kuwo.cn/resource/n1/29/46/2749547780.mp3" type="audio/mpeg">您的浏览器不支持，请下载chrome或其他</audio>

    <script>var myVideo = document.getElementById("mp3");

      function playVid() {
        myVideo.play();
      }

      function pauseVid() {
        myVideo.pause();
      }</script>
  </body>

</html>